<!DOCTYPE html>
{% load staticfiles %}
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 4 meta tags *Must* come first in the head; any other head content must come *after* these tags -->

    <!-- Title -->
    <!--标题-->
    <title>{% block title %}{% endblock %}</title>

    <!-- Favicon -->
    <!-- 公司图标 -->
    <link rel="icon" href="{% static 'img/core-img/favicon.ico' %}">

    <!-- Stylesheet -->
    {#   整体样式 #}
    {% block mycss %}

    {% endblock %}
    <link rel="stylesheet" href="{% static 'style.css' %}">

</head>

<body>
<!-- Preloader -->
<div id="preloader">
    <div class="spinner"></div>
</div>

<!-- ##### Header Area Start ##### -->
<header class="header-area">

    <!-- Top Header Area -->
    <div class="top-header-area d-flex justify-content-between align-items-center">
        <!-- Contact Info -->
        <div class="contact-info">
            <a href="#"><span>公司电话:</span> +44 300 303 0266</a>
            <a href="#"><span>公司邮箱:</span> info@clever.com</a>
        </div>
        <!-- Follow Us -->
        <div class="follow-us">
            <span>加入我们</span>
            <a href="#"><i class="fa fa-weixin" aria-hidden="true"></i></a>
            <a href="#"><i class="fa fa-qq" aria-hidden="true"></i></a>
            <a href="#"><i class="fa fa-edge" aria-hidden="true"></i></a>
        </div>
    </div>

    <!-- Navbar Area -->
    <div class="clever-main-menu">
        <div class="classy-nav-container breakpoint-off">
            <!-- Menu -->
            <nav class="classy-navbar justify-content-between" id="cleverNav">

                <!-- Logo -->
                <a class="nav-brand" href="/"><img src="{% static 'img/core-img/logo.png' %}" alt=""></a>

                <!-- Navbar Toggler -->
                <div class="classy-navbar-toggler">
                    <span class="navbarToggler"><span></span><span></span><span></span></span>
                </div>

                <!-- Menu -->
                <div class="classy-menu">

                    <!-- Close Button -->
                    <div class="classycloseIcon">
                        <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
                    </div>

                    <!-- Nav Start -->
                    <div class="classynav">
                        <ul>
                            <li><a href="{% url 'index' %}">首页</a></li>
                            <li><a href="#">分页</a>
                                <ul class="dropdown">
                                    <li><a href="{% url 'index' %}">首页</a></li>
                                    <li><a href="{% url 'course:list' %}">公开课程</a></li>
                                    <li><a href="{% url 'course:detail' %}">课程详情</a></li>
                                    <li><a href="{% url 'teacher:teachers' %}">讲师团队</a></li>
                                    {#                                        <li><a href="blog.html">课程</a></li>#}
                                    <li><a href="{% url 'mechanism:mechanism' %}">机构信息</a></li>
                                    <li><a href="{% url 'food:foods' %}">精选菜品</a></li>
                                    <li><a href="regular-page.html">常规页面</a></li>
                                    <li><a href="{% url 'users:contact' %}">联系我们</a></li>
                                    <li><a href="">作品展示</a></li>
                                </ul>
                            </li>
                            <li><a href="{% url 'course:list' %}">公开课程</a></li>
                            <li><a href="{% url 'teacher:teachers' %}">讲师团队</a></li>
                            <li><a href="{% url 'food:foods' %}">精选菜品</a></li>
                            <li><a href="{% url 'users:contact' %}">联系我们</a></li>
                            <li><a href="{% url 'users:company' %}">公司信息</a></li>
                        </ul>

                        <!-- Search Button -->
                        <!-- 搜索按钮 -->
                        <div class="search-area">
                            <form action="#" method="post">
                                <input type="search" name="search" id="search" placeholder="Search">
                                <button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
                            </form>
                        </div>

                        <!-- Register / Login -->
                        <!--登录注册-->
                        <div class="register-login-area">
                            {#                                {%  if request.user.is_authenticated %}#}
                            {#                                    <a href="index-login.html" class="btn active">登录</a>#}
                            {#                                {% else %}#}
                            {#                                    <a href="" class="btn">注册</a>#}
                            {#                                {%  endif %}#}
                            <a href="{% url 'users:user_register' %}" class="btn">注册</a>
                            <a href="{% url 'users:user_login' %}" class="btn active">登录</a>
                        </div>

                    </div>
                    <!-- Nav End -->
                </div>
            </nav>
        </div>
    </div>
</header>
<!-- ##### Header Area End ##### -->
{% block content %}

{% endblock %}

{% block footer %}
    <footer class="footer-area">
        <!-- Top Footer Area -->
        <div class="top-footer-area">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <!-- Footer Logo -->
                        <div class="footer-logo">
                            <a href="index.html"><img src="{% static 'img/core-img/logo2.png' %}" alt=""></a>
                        </div>
                        <!-- Copywrite -->
                        <p><a href="#">
                            <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                            Copyright &copy;<script>document.write(new Date().getFullYear());</script>
                            所有者 | 公司营业执照 <i class="fa fa-heart-o" aria-hidden="true"></i> by <a
                                href="https://colorlib.com" target="_blank">波普魔方</a>
                            <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <!-- Bottom Footer Area -->
        <div class="bottom-footer-area d-flex justify-content-between align-items-center">
            <!-- Contact Info -->
            <div class="contact-info">
                <a href="#"><span>联系电话：</span> +44 300 303 0266</a>
                <a href="#"><span>电子邮箱：</span> info@clever.com</a>
            </div>
            <!-- Follow Us -->
            <div class="follow-us">
                <span>咨询我们</span>
                <a href="#"><i class="fa fa-weixin" aria-hidden="true"></i></a>
                <a href="#"><i class="fa fa-qq" aria-hidden="true"></i></a>
                <a href="#"><i class="fa fa-edge" aria-hidden="true"></i></a>
            </div>
        </div>
    </footer>
{% endblock %}

<!-- ##### All Javascript Script ##### -->
<!-- jQuery-2.2.4 js -->
<script src="{% static 'js/jquery/jquery-2.2.4.min.js' %}"></script>
<!-- Popper js -->
<script src="{% static 'js/bootstrap/popper.min.js' %}"></script>
<!-- Bootstrap js -->
<script src="{% static 'js/bootstrap/bootstrap.min.js' %}"></script>
<!-- All Plugins js -->
<script src="{% static 'js/plugins/plugins.js' %}"></script>
<!-- Active js -->
<script src="{% static 'js/active.js' %}"></script>
{% block myjs %}

{% endblock %}
</body>

</html>